<template>
    <div style="background-color: white" class="main">
        <!-- #ifndef H5 -->
        <navigationBar :bgType="3" :backType="2" navigationTitle="审核结果" />
        <!-- #endif -->
        <view class="box flex column align-center just-center">
            <image
                class="img"
                src="/static/static/technician/joinUs/errReviewed.png"
                mode="scaleToFill"
            />
            <view class="tips">
                <view class="title f-32">审核被驳回</view>
                <view class="tip fc f-26">您的申请已被驳回</view>
                <view class="subTip fc f-26">
                    驳回原因：{{ remark || "未填写" }}
                </view>
            </view>
            <view class="btn" @click="onBack">
                {{ url ? "重新提交" : "返回" }}
            </view>
        </view>
    </div>
</template>
<script>
export default {
    data() {
        return {
            remark: "",
            url: "",
        };
    },

    onLoad(options) {
        this.remark = options.why;
        this.url = options.url;
    },

    methods: {
        onBack() {
            if (this.url) {
                uni.redirectTo({
                    url: `/subPages/technician/recruit/${this.url}`,
                });
            } else {
                uni.navigateBack();
            }
        },
    },
};
</script>
<style lang="scss" scoped>
.main{
    width: 100%;
    height: 100vh;
}
.img {
    width: 466rpx;
    height: 314rpx;
}
.box {
    padding-top: 100rpx;
}
.tips {
    margin-top: 30rpx;
    text-align: center;
    .title {
        margin: 30rpx 0;
    }
    .fc {
        color: #b0b0b0;
        line-height: 1.3;
    }
}
.btn {
    margin-top: 60rpx;
    width: 80%;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 40rpx;
    color: #fff;
    background: $grad-theme-color;
}
</style>